<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name='robots' content='all, follow' />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <title>SCIA: Control Integral de Afectaciones</title>   
    <link href="public/css/login.css" rel="stylesheet" type="text/css" />
    <link href="public/css/login-content.css" rel="stylesheet" type="text/css" />  
    <link href="public/css/dockmenu.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="public/js/jquery.js"></script>
	<script type="text/javascript" src="public/js/interface.js"></script>
  
  
<!--[if lt IE 7]>
 <style type="text/css">
 div, img { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->

  </head>
  <body>
  <div id="main">
 
 <div id="menu">
  
  <div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="#tabla1"><img src="public/images/dock/solicitudes.png" alt="" /><span> Solicitudes Atendidas</span></a>
  <a class="dock-item" href="#tabla1"><img src="public/images/dock/obras.png" alt="" /><span>Avance de Obras</span></a>
  <a class="dock-item" href="#tabla1"><img src="public/images/dock/afectados.png" alt="" /><span>Afectaciones</span></a>
  <a class="dock-item" href="#"><img src="public/images/dock/directorio.png" alt="" /><span>Directorio CAEC</span></a> 
  <a class="dock-item" href="#"><img src="public/images/dock/organigrama.png" alt="" /><span>Organigrama</span></a> 
  <a class="dock-item" href="#"><img src="public/images/dock/sectores.png" alt="" /><span>Sectores</span></a> 
</div>
</div>
<script type="text/javascript">
	
	$(document).ready(
		function()
		{
			$('#dock').Fisheye(
				{
					maxWidth: 64,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container',
					itemWidth: 64,
					proximity: 90,
					halign : 'center'
				}
			)
		}
	);

</script>
  </div>
    <div id="content">
      <div id="login">
        
        <div id="logo"><span>Pemex</span></div>
                
        <form method="post" action="panelcontrol.html" id="form-login" class="formBox">
          <fieldset>
            <div class="form-col">
                <label for="username" class="lab">Usuario <span class="warning"></span></label>
                <input type="text" name="username" class="input" id="username" />
            </div>
            <div class="form-col form-col-right">
                <label for="password" class="lab">Contraseña <span class="warning"></span></label>
                <input type="password" name="password" class="input" id="password" />
            </div>
            <div class="form-col form-col-check">
              <label><input type="checkbox" name="remeber_me" class="checkbox" />Recordar mi password en este equipo</label> 
            </div>
            <div class="form-col form-col-right"> 
              <input type="submit" name="" value="Login" class="submit" />
            </div>                 
          </fieldset>
        </form>
        
      </div>
    </div><!-- /content -->    
    
    
  </div><!-- /main -->
  </body>
</html>